<template>
 <div class="content">
   <TitleBox></TitleBox>
   <ZhuanJia :listZjPost="listZj" :titleShow="isTitle"></ZhuanJia>
 </div>
</template>

<script>
// @ is an alias to /src
import '../assets/js/iconfont-wenzheng'
import ZhuanJia from '../components/IndexZhuanJia.vue'
import TitleBox from '../components/TitleBox.vue'
export default {
  name: 'home',
  data() {
    return {
      navIndex: 0,
      isTitle: false,
      listZj: [
        {
          img: 'tx-a001.jpg',
          name: '侯永平',
          desc: '深圳红十字会医院儿科主治',
          price: '20元提问'
        },
        {
          img: 'tx-a001.jpg',
          name: '侯永平',
          desc: '深圳红十字会医院儿科主治',
          price: '20元提问'
        },
        {
          img: 'tx-a001.jpg',
          name: '侯永平',
          desc: '深圳红十字会医院儿科主治',
          price: '20元提问'
        },
        {
          img: 'tx-a001.jpg',
          name: '侯永平',
          desc: '深圳红十字会医院儿科主治',
          price: '20元提问'
        },
        {
          img: 'tx-a001.jpg',
          name: '侯永平',
          desc: '深圳红十字会医院儿科主治',
          price: '20元提问'
        },
        {
          img: 'tx-a001.jpg',
          name: '侯永平',
          desc: '深圳红十字会医院儿科主治',
          price: '20元提问'
        },
        {
          img: 'tx-a001.jpg',
          name: '侯永平',
          desc: '深圳红十字会医院儿科主治',
          price: '20元提问'
        },
        {
          img: 'tx-a001.jpg',
          name: '侯永平',
          desc: '深圳红十字会医院儿科主治',
          price: '20元提问'
        },
        {
          img: 'tx-a001.jpg',
          name: '侯永平',
          desc: '深圳红十字会医院儿科主治',
          price: '20元提问'
        }
      ],
      showComponents: true,
      bannerIndex: 0,
      slidesNavIndex: 1,
      jieDaData: {
        jieDaLists: '',
        checkAllShow: true,
        loadingShow: true,
        noDataShow: false
      },
      swiperBanner: {
        // resistanceRatio: 0, // 禁止边缘抵抗
        effect: 'fade',
        speed: 1500,
        autoplay: {
          delay: 3500,
          stopOnLastSlide: false,
          disableOnInteraction: false
        }
      }
    }
  },
  components: {
    ZhuanJia,
    TitleBox
  },
  computed: {},
  methods: {},
  created() {},
  mounted() {}
}
</script>
<style lang="scss" scoped>
.content {
  width: 100%;
  padding-bottom: 50px;
}
</style>
<style lang="scss">
.content {
  .doctor-list {
    padding-bottom: 0;
    ul {
      li {
        &:last-child {
          border: none;
        }
      }
    }
  }
}
</style>
